{% extends 'mobile/base.html' %}

{% set title = _('Answer questions in the forum') %}
{% set headline = title %}

{% set styles = ('mobile-landings-get-involved',) %}

{% set canonical_url = canonicalize(viewname='landings.get_involved_questions') %}

{% block content %}
  <div class="padded">
    <h3>{{ _('Answer questions in the forum') }}</h3>
    <div class="centered">
      <img class="smart-width" src="{{ STATIC_URL }}sumo/img/gi-hero-questions.png" alt="">
    </div>
    <h3>{{ _('Where all the action happens') }}</h3>
    <p>
      {% trans %}
        From hardcore web developers to "how do I install Firefox" first time
        users, everybody needs your help in the forum! Share your knowledge
        by pointing people to the right help articles and providing
        troubleshooting steps for their individual questions.
      {% endtrans %}
    </p>

    <div class="centered">
      <img class="smart-width" src="{{ STATIC_URL }}sumo/img/gi-visual-questions.png" alt="">
      <p>
        {{ _('Solving 1 issue helps up to 1,000 users a day') }}
      </p>
    </div>

    <h4>{{ _('How it works') }}</h4>
    <ol>
      <li>
        {% set user_is_contributor = is_contributor(user) %}
        {% set message =  _('Sign up as a volunteer') %}
        {% if not user_is_contributor and request.LANGUAGE_CODE in AAQ_LANGUAGES %}
          <a href="#" data-trigger="click" data-trigger-target="#sign-up-contributor">{{ message }}</a>
        {% else %}
          {{ message }}
        {% endif %}
      </li>
      <li>
        {% set message = _('Go to our support forum and choose a question to answer') %}
        {% if request.LANGUAGE_CODE in AAQ_LANGUAGES %}
          <a href="{{ url('questions.home') }}">{{ message }}</a>
        {% else %}
          {{ message }}
        {% endif %}
      </li>
      <li>
        {{ _('Start answering!') }}<br>
        <a href="{{ url('wiki.document', 'answering-questions-support-forum') }}">
          {{ _('Read this for some help to get started') }}
        </a>
      </li>
    </ol>

    <h4>{{ _('Pick a way to get involved') }}</h4>
  </div>
  <ul class="gi-links">
    <li>
      <a href="{{ url('landings.get_involved_kb') }}">
        {{ _('Write help articles') }}
      </a>
    </li>
    <li>
      <a href="{{ url('landings.get_involved_l10n') }}">
        {{ _('Translate help to your languages') }}
      </a>
    </li>
  </ul>

  {% set user_is_contributor = is_contributor(user) %}
  {% set signup_headline = _('Help users in the forums') %}
  {% include 'landings/mobile/includes/register_contributor.html' %}

{% endblock %}
